var DP_DEVICE_FLOW = window.NameSpace || {};

var MP_LASTUPDATE_TIME = null;
DP_DEVICE_FLOW.createFlowmon = function(divId, planeId) {
	var dom = document.getElementById(divId);
	DP_GL_FLOW = echarts.init(dom);

	DP_DEVICE_FLOW.loadFlow(planeId);

	return DP_GL_FLOW;

}

DP_DEVICE_FLOW.loadFlow = function(planeId) {// 按小时统计
	DP_GL_FLOW.hideLoading();
	var option = {
		color : [ '#00a1ff' ],
		title : {
			text : '局域网流量',
			x : 'left'
		},
		tooltip : {
			trigger : 'item',
			formatter : function(params) {
				var date = new Date(params.value[0]);
				data = date.getFullYear() + '-' + (date.getMonth() + 1) + '-'
						+ date.getDate() + ' ' + date.getHours() + '时'
						+ date.getMinutes() + '分';
				return data + '<br/>流量：' + params.value[1];
			}

		},

		legend : {
			x : 'right',
			y : '30',
			data : [ '局域网流量' ],
			textStyle : {
				color : '#666',
				fontWeight : 'bolder',
				fontSize : 10,
				fontFamily : 'Helvetica, Hiragino Sans GB, Microsoft Yahei, 微软雅黑, Arial, sans-serif'
			}
		},
		noDataLoadingOption : {
			text : '暂无数据',
			effect : 'bubble',
			effectOption : {
				effect : {
					n : 0
				}
			},
			textStyle : {
				fontSize : 24,
				fontWeight : 'bold'
			}
		},
		// calculable : true,
		grid : {
			y : 50,
			// y2 : 100,
			x : 50,
			x2 : 25
		},
		dataZoom : {
			// show : true,
			start : 95
		},
		xAxis : [ {
			type : 'time'
		} ],
		yAxis : [ {
			type : 'value',
			name : '流量MB',
			axisLabel : {
				formatter : '{value}',
				textStyle : {
					color : '#666',
					fontSize : 8
				}
			}
		} ],
		series : [ {
			name : '局域网流量',
			type : 'line',
			smooth : false,
			showAllSymbol : true,
			itemStyle : {
				normal : {
					areaStyle : {
						type : 'default'
					}
				}
			},
			data : []
		} ]
	};

	var time = (new Date()).format('yyyy-MM-dd 00:00:00');
	$.ajax({
		url : "/device/loadWifiFlow",
		async : true,
		data : {
			"planeId" : planeId,
			"createTime" : time
		},
		success : function(data) {
			// x轴
			if (data != null && data.length>0) {
				
				var values = [];
				for (var i = 0; i < data.length; i++) {
					var tmp = []
					tmp.push(new Date(data[i]['create_time']));
					tmp.push(Number(data[i]['value'] / 1024 / 1024).toFixed(2));
					values.push(tmp);
				}

				option.series[0].data = values;
				
				// DP_GL_FLOW.hideLoading();
			}
			DP_GL_FLOW.setOption(option, true);
		},
		error : function(XMLHttpRequest, textStatus, errorThrown) {
			console.log('exception>>' + textStatus);
			// setTimeout(MainPage_Flow.loadFlow , mp_refresh_time);
		}
	});

}
